import App from "../App"
import Home from "../views/Home"
import About from "../views/About"
import {BrowserRouter, Routes ,Route ,Navigate} from "react-router-dom"
// 两种路由模式的组件: BrowserRouter ( History模式 )， HashRouter( Hash模式 )


// 旧版写法
const baseRouter = () => (
    <BrowserRouter>
        <Routes>
            <Route path="/" element={<App/>}>
                {/* 配置  用户访问 / 的时候, 重定向到/home路径 */}
                <Route path="/" element={ <Navigate to="/home" /> } ></Route>

                {/* 普通路由 */}
                <Route path="/home" element={<Home/>}></Route>
                <Route path="/about" element={<About/>}></Route>
            </Route>
        </Routes>
    </BrowserRouter>
)
export default baseRouter


